// Place all the styles related to the projects controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

#projectsMenu a:link { text-decoration:none; color: #888888;}
#projectsMenu a:visited { text-decoration:none; color: #888888;}
#projectsMenu a:focus { text-decoration:none; color: #888888;}
#projectsMenu a:hover { text-decoration:none; color: #cf5000;;}
#projectsMenu a:active { text-decoration:none; color: #888888;}

.project_summary{
  width: 400px;
  margin: 0px auto;
  padding :5px;
}

#sprint_backlog_config{
  display: none;
  width: 400px;
  margin: 0px auto;
  padding :5px;
}

#addSprintCol{
  display: inline-block;
  background-color: #cf5000;
  color: #ffffff;
  margin-bottom: 4px;
  height: 22px;
}

.chart_heading{
  border-bottom: 1px dashed #888888;  
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

h1{
  color: #cf5000;
  text-align: center;
  margin: 4px;
}

h3{
  text-align: center;
  padding: 10px;
}

.project_paragraph{
  text-align: center;
  padding: 10px;
}

.new_project_container{
  width: 360px;
  margin: 0px auto;
  text-align: center;
}

.new_project_container table tr td:first-child{
  text-align: left;
}

#newProject{
  display: inline-block;
  background-color: #cf5000;
  color: #ffffff;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
}

#wrapRight hr{
  width: 400px;
  margin: 0px auto;
  display: block; 
  height: 1px;
  border: 0; 
  border-top: 1px solid #888888;
  margin: 1em 0; 
  padding: 0;
}

.sprint_col_container{
  text-align: center;
}

.sprint_col_container table{
  width: 400px;
}
.sprint_col_container table tr{
  text-align: left;
}

.sprint_col_container table th{
  border-bottom: 1px solid #888888;
}

.companyfields{
   text-align: center;
}

.companyfields td{
  text-align: left;
}

.mitarbeitercount{
  text-align: left;
}


.mitarbeitercount tr td{
  padding: 0px 2px;
  vertical-align: top;
}

.mitarbeitercount th{
  text-align: center;
  border-bottom: 1px solid #888888;
}

.project_summary_content p{
  text-align: center;
}

.project_summary_content p input:last-child{
  display: inline-block;
  background-color: #cf5000;
  color: #ffffff;
  margin-bottom: 4px;
  height: 22px;
}

#projectsMenu{
  position: relative;
  left: 0px; 
  right: 0px;
  margin-top: -0px;
  padding: 2px;
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  background-color: #feab61;
  vertical-align: middle;
  color: #ffffff;
  border-bottom: 1px dashed #888888;
}

#wrapLeft{
  position: absolute;
  top: 40px;
  bottom: 10px;
  width: 40%;
  left: 0px;
}

#wrapRight{
  position: absolute;
  top: 40px;
  bottom: 10px;
  width: 60%;
  right: 0px;
}

#company_infos{
  position: absolute;
  left: 5px;
  right: 10px;
  bottom: 0px;
  height: 150px;
  border: 1px dashed #888888;
}

#project_edit{
  position: absolute;
  top: 0px;
  right: 10px;
  left: 5px;
  bottom: 160px;
  overflow: auto;
  border: 1px dashed #888888;
}

.toggleTrigger{
  text-align: center;
  margin: 0px auto;
}

#project_show{
  position: absolute;
  top: 0px;
  left: 10px;
  right: 5px;
  bottom: 0px;
  border: 1px dashed #888888; 
}

#piechart{
  width: 100%;
}

.chart_wrapper{
  width: 400px;
  margin: 0px auto;
  display: none;
  padding :5px;
}

.project{
  margin: 5px 10px;
  border: 1px dashed #888888;
}

.marked{
  background-color: #e6e6e6
}
#wrapRight h3{
  padding: 5px;
}

.companyfields table{
  margin: 0px auto;
}

.companyfields form>input{
  display: inline-block;
  background-color: #cf5000;
  color: #ffffff;
  margin-bottom: 4px;
  height: 22px;
}

#listProjectsHeadline{
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  border-bottom: 1px dashed #888888;
}

#wrapProjects{
  position: absolute;
  top: 55px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: auto;
}
